<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<!--css-->
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />

	</head>

	<body class="bg-gray">
		<header class="mui-bar mui-bar-nav head-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">付款成功</h1>
		</header>
		<!--DOM	-->
		<div class="mui-content bg-gray">
			<!---->
			<div class="mui-text-center pay-success-box">
				<img src="images/pay-success-tips.png" alt="" class="pay-success-tips">
				<p class="mui-text-center pay-success-title">付款成功
				</p>
			</div>

			
			<!---->
		</div>

		<!-- JS -->
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	</body>

	<script type="text/javascript" charset="utf-8">
		mui.init();
		//layer-dom
		//layer-dom
		// 购买课程弹框
		var alertInviteFriend = function() {
			layer.closeAll();
			layer.open({
				type: 1,
				anim: 2,
				skin: 'alert-theme1',
				offset: 'b',
				title: '邀请好友',
				closeBtn: 1,
				shade: 0.3,
				area: ['100%', 'auto'],
				content: $('#alert-invite-friend'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
			});
		}
	</script>

</html>